<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
    />
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>设置</title>

    <link rel="stylesheet" href="static/css/common.css">

    <link rel="stylesheet" href="static/css/layout.css">

    <style>
        .m-line-item-min-height-title {
            font-weight: bold;
            font-size: .34rem;
            text-align: left;
            line-height: .5rem;
            height: .5rem;
        }

        .m-line-item-content>div {
            line-height: 100%;
        }
    </style>


</head>

<body class="m-body">

    <div class="m-header inline-block-container">
        <div class="m-header-back inline-block-container">
            <em></em>
            <span>返回</span>
        </div>
        <div class="m-header-title">
            登陆密码修改
        </div>
        <div class="m-header-right">
            <!-- <div style="padding-right: .3rem" class="buz_blue_yellow">充值记录</div> -->
        </div>
    </div>

    <div class="m-content">

        <div class="m-from">


            <div class="m-line-item m-line-item-min-height-title mt_1_rem  border_bottom_none">
                帐号
            </div>


            <div class="m-line-item">
                <div class="m-line-item-content ">
                    <div style="height: .6rem; float:left;line-height: .6rem;margin-top: .3rem;">17069563365</div>
                </div>
            </div>



            <div class="m-line-item">
                <div class="m-line-item-content inline-block-container">
                    <div class="fl">
                        <input type="text" class="m-input-mid m-line-item-value-input mt_dot_3_rem" placeholder="请输入获取的取证码">
                    </div>
                    <div class="fr">
                        <a class="m-btn m-btn-sm mt_dot_2_rem getMsgCode">获取验证码</a>
                    </div>
                </div>
            </div>




            <div class="m-line-item mt_dot_5_rem border_bottom_none">
                <div class="m-btn-block quick_buy">
                    确认提交
                </div>
            </div>


        </div>




    </div>

    <script src='static/js/jquery-1.8.2.min.js'></script>
    <script src="static/js/common.js "></script>

    <link rel="stylesheet " href="static/plugins/swiper/swiper.min.css " />
    <script src="static/plugins/swiper/swiper.min.js "></script>

    <link rel="stylesheet " href="static/plugins/layer/mobile/need/layer.css ">
    <script src="static/plugins/layer/mobile/layer.js "></script>

    <script type="text/javascript ">
        $(function () {

            $(".getMsgCode").click(function () {

                if($(this).hasClass('m-btn-disabled'))
                {
                    return false;
                }

                $(this).addClass('m-btn-disabled');

                var time=3;
                var that=this;

                ID=setInterval(function(){
                    time--;
                    if(time==0)
                    {
                        clearInterval(ID);
                        $(that).removeClass('m-btn-disabled').html("获取验证码");
                    }
                    $(that).html(time+"秒后重新发送");
                
                },1000);


                
            });


            

             $(".quick_buy").click(function () {
                    layer.open({
                        title: [
                            '提示',
                            'background-color: #6AA5F5; color:#fff;'
                        ],
                        anim: 'up',
                        content: '您点我提交啦',
                        btn: ['知道了'],
                        yes: function (index) {
                            layer.close(index);
                        }
                    });
            });

            




        });



    </script>
</body>

</html>